
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>杨工个人博客</title>
	</head>

	<link href="static/plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="static/css/common.css" />
	<link rel="stylesheet" type="text/css" href="static/css/jquery.page.css" />
	<link href="logo.ico" rel="shortcut icon" />
	<script src="static/plugin/jquery.min.js"></script>
	<script src="static/plugin/bootstrap/js/bootstrap.min.js"></script>
	<!-- <script src="static/js/jquery.page.js"></script> -->
	<!--<script src="js/common.js"></script>-->
	<!--<script src="js/snowy.js"></script>-->

	<body>
		{%include 'header.html' %}
		<div class="w_container">
			<div class="container">
				<div class="row w_main_row">
					<div class="col-lg-9 col-md-9 w_main_left">
						<!--滚动图开始-->
						<div class="panel panel-default">

							<div id="w_carousel" class="carousel slide w_carousel" data-ride="carousel">
								<!-- Indicators -->
								<ol class="carousel-indicators">
									<li data-target="#w_carousel" data-slide-to="0" class="active"></li>
									<li data-target="#w_carousel" data-slide-to="1"></li>
									<li data-target="#w_carousel" data-slide-to="2"></li>
									<li data-target="#w_carousel" data-slide-to="3"></li>
								</ol>

								<!-- Wrapper for slides -->
								<div class="carousel-inner" role="listbox">
									<div class="item active">
										<img src="static/img/slider/slide1.jpg" alt="...">
										<div class="carousel-caption">
											<h3>First slide label</h3>
											<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
										</div>
									</div>
									<div class="item">
										<img src="static/img/slider/slide2.jpg" alt="...">
										<div class="carousel-caption">...</div>
									</div>
									<div class="item">
										<img src="static/img/slider/slide3.jpg" alt="...">
										<div class="carousel-caption">...</div>
									</div>
									<div class="item">
										<img src="static/img/slider/slide4.jpg" alt="...">
										<div class="carousel-caption">...</div>
									</div>
								</div>

								<!-- Controls -->
								<a class="left carousel-control" href="#w_carousel" role="button" data-slide="prev">
									<span class="glyphicon glyphicon-chevron-left"></span>
									<span class="sr-only">Previous</span>
								</a>
								<a class="right carousel-control" href="#w_carousel" role="button" data-slide="next">
									<span class="glyphicon glyphicon-chevron-right"></span>
									<span class="sr-only">Next</span>
								</a>
							</div>

						</div>

						<!-- <div class="panel panel-default contenttop">
							<div class="panel-heading">
								<strong>博主置顶</strong>
							</div>
							<a href="article_detail1.html">
								<div class="panel panel-default">
									<div class="panel-body">
										<h3 class="title">嫁人就嫁程序员</h3>
										<p class="overView">个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中个人网站正在建设中。。。</p>
									</div>
								</div>
							</a>
						</div> -->

						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">最新发布</h3>
							</div>

							<div class="panel-body">

								<!--文章列表开始-->
								<div class="contentList">
									{% for art in arts %}
									<div class="panel panel-default">
										<div class="panel-body">
											<div class="contentleft">
												<h4><a class="title" href={{"/article_detail?id="+art.id}}>{{art.title}}</a></h4>
												<p>
													<!-- <a class="label label-default">Nginx</a> -->
													<!-- <a class="label label-default">tomcat负载均衡</a> -->
												</p>
												<p class="overView">{{art.summary}}</p>
												<p> <span class="count"><i class="glyphicon glyphicon-user"></i><a href="#">{{art.author}}</a></span> 
													<span class="count"><i class="glyphicon glyphicon-eye-open"></i>阅读:{{art.visitCnt}}</span>
													<span class="count"><i class="glyphicon glyphicon-comment"></i>评论:0</span>
													<span class="count"><i class="glyphicon glyphicon-time"></i>{{art.date}}</span>
												</p>
											</div>
											<div class="contentImage">
												<div class="row">
													<a href="#" class="thumbnail w_thumbnail">
														<img src={{"static/images/"+art.imgFile}} alt="...">
													</a>
												</div>
											</div>
										</div>
									</div>
									{% endfor %}
								</div>
								<!--文章列表结束-->

							</div>
							<div id="page">
								<div class="next fr">»</div>
								<div class="last fr"><a href={{"/?page="+tab|length|safe}}>末页</a></div>
								<ul class="pagingUl">
									{% for tb in tab %}
									{% if curPage == loop.index %}
									<li><a href={{"/?page="+loop.index|safe}} class="activP">{{loop.index}}</a></li>
									{% else %} 
									<li><a href={{"/?page="+loop.index|safe}}>{{loop.index}}</a></li>
									{% endif %}
									{% endfor %}
								</ul>
								<div class="first fr"><a href="/">首页</a></div>
								<div class="prv fr">«</div>
							</div>
						</div>
					</div>

					<!--左侧开始-->
					<div class="col-lg-3 col-md-3 w_main_right">

						<div class="panel panel-default sitetip">
							<a href="article_detail.html">
								<strong>站点公告</strong>
								<!-- <h3 class="title">嫁人就嫁程序员</h3> -->
								<p class="overView">{{notice}}</p>
							</a>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">文章分类</h3>
							</div>
							<div class="panel-body">
								<div class="sunnav">
									<ul style="padding-left:0em;padding-top:0em;">
										{% for itm in items %}
										<li><a href={{"/items?id="+itm['item']}} title={{itm['item']}}>{{itm['item']+'('+itm['count']|safe+')'}}</a></li>
										{% endfor %}
									  </ul>
								  </div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">最新发布</h3>
							</div>
							<div class="panel-body">
								<ul class="list-unstyled sidebar">
									{% for art in news %}
									<li><a href={{"/article_detail?id="+art.id}}>{{art.title}}</a>
									</li>
									{% endfor %}
								</ul>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">热门点击</h3>
							</div>
							<div class="panel-body">
								<ul class="list-unstyled sidebar">
									{% for art in hots %}
									<li><a href={{"/article_detail?id="+art.id}}>{{art.title}}</a>
									</li>
									{% endfor %}
								</ul>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">友情链接</h3>
							</div>
							<div class="panel-body">
								<div class="newContent">
									<ul class="list-unstyled sidebar shiplink">
										<li>
											<a href="https://www.baidu.com/" target="_blank">百度</a>
										</li>
										<li>
											<a href="https://www.oschina.net/" target="_blank">开源中国</a>
										</li>
										<li>
											<a href="http://www.ulewo.com/" target="_blank">有乐网</a>
										</li>
										<li>
											<a href="http://www.sina.com.cn/" target="_blank">新浪网</a>
										</li>
										<li>
											<a href="http://www.qq.com/" target="_blank">腾讯网</a>
										</li>
									</ul>
								</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">关注微信公众号</h3>
							</div>
							<div class="panel-body">
								<img src="static/img/qrcode.png" style="height: 230.5px;width: 230.5px;" />
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		{%include 'footer.html' %}
	</body>

</html>